*{margin:0px;padding:0px;}
body, html { overflow-x: hidden;max-width: 100%;font-family:"PingFang SC","Microsoft YaHei";}
ul { margin-inline-start: 0px;margin-inline-end: 0px; padding-inline-start: 0px;}
.m-logo{display:none;}
.top{background:url(guidetop_rsbn2021.jpg) center top; height:8px;background-size: cover;}
/* .guide-wrap{background:url(guidebg-rsbn2021.jpg) center top;   background-size: cover;background-repeat: no-repeat;width:100%;height:942px;position: relative;z-index: -2;} */
.guide-wrap{background:url(guidebg-rsbn2021.jpg) center top;   background-size: cover;background-repeat: no-repeat;width:100%;height:942px;position: relative;}
.guide{background:url(guideMask-rsbn2021.png) center bottom;
background-repeat: no-repeat;width:100%;height:100%}
/* .guide-mask{ position: absolute; bottom: 0; left: 0; z-index: -1;} */
.guide-mask{ position: absolute; bottom: 0; left: 0;}
.logo{margin-top:102px;}
.yelline{width:43.7%;height: 10px; background: #FFC631; opacity: 0.6;
    position:absolute; top:205px; 

}
.introduce{font-size: 18px;font-family:'PingFangSC-Medium','PingFang SC';
    font-weight: 500; color: #BB4A58; line-height: 42px;margin-top:50px;text-align:justify;
    text-indent: 2em;

}
.years{display:none;}
.year-wrap{margin-top:89px;position:relative;left:0px;margin-left:-18px;margin-right:-25px;}
.yearbg{display:block;background:rgba(205, 48, 65, 0.8)!important;
    filter:Alpha(opacity=80);background:#CD3041;; margin:0px 25px 0px 18px;position: relative;}
.yearbg span img { position: absolute;right: -7px; height: 55px;top: 18px;}
.year-wrap li{margin-top: -16px;}
li.col-md-3.col-xs-12.col-sm-6{padding:0px;}
.year-wrap li a{display:block;}
li{list-style:none;float:left;}
.year-wrap li a{text-decoration:none;}
.year{color:#fff;}
.year i{font-size: 26px;font-family:Roboto;font-weight: 500;color: #FFFFFF; line-height: 37px;line-height:90px;margin-left:64px;}
.enter{display:inline-block;font-size: 16px;position:absolute; font-family: PingFang-SC-Heavy, PingFang-SC;font-weight: 800;
color: #FFFFFF; line-height: 22px;margin-left:15px;padding:38px 7px 30px 6px;background:rgba(205, 48, 65, 0.6)!important;
filter:Alpha(opacity=60);background:#CD3041; }
i{font-style: normal;}
.red-line{border-bottom:1px solid #C13333;width: 84%;
    margin: auto;}
.review{height:90px;background:#D1535F;position:absolute;width:100%;}
.review p{font-size: 26px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;
    color: #FFFFFF;line-height: 37px;margin:23px 89px 8px 0px;}
.review i{display:block;margin:auto;    z-index: 99999;}
.foot-wrap{float:left;}
.foot{ font-size: 14px;font-family: PingFangSC-Regular, PingFang SC; font-weight: 400;color: #FFFFFF;line-height: 26px;margin-top:112px;border-top:1px solid #fff;padding-top:19px;}
.review p{position:relative;}
.review i img{position:absolute;right:22px;top:36px;width:13px;z-index:9999;}
.years{width:100%;height: 71px;background:#D1535F;}
.years ul li a{font-size: 16px;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FFFFFF;line-height: 48px;text-align: center;}
.review-wrap{position: relative;}
.years{position:absolute;top:90px;}
.icon{float:right;}
.icon img{width:85px;margin-top:57px;}

@media only screen and (min-device-width:1199px) and (max-device-width:1199px){
    .yearbg {
        margin: 0px 0px 0px 18px;
    }

}
/*中等屏幕-大屏幕 ipadpro*/
@media (max-width:1199px){
    li.col-md-3.col-xs-12.col-sm-6 {padding: 0px;}
    .year i {
        margin-left: 36px;
    }
    .year-wrap {
        padding-right:15px;
    }
    .yearbg {
        margin: 0px 10px 0px 18px;
    }
    .yelline {
        width: 50%;}
        .review p {
            margin: 23px 70px 8px 0px;
        }
}
@media only screen and (min-device-width: 991px) and (max-device-width: 991px){
    .review p {
        font-size: 24px;}
        .year-wrap li {
            margin-top: 15px;
        }
.years ul li a{line-height:0px;}
.yearbg {
    width: 62%;
}
}

/* ipad */
@media screen and (max-width: 991px){
.logo{display:none;}
.m-logo{display: block;width:60%;margin:auto;margin-top: 80px;}
.yelline{display: none;}
.review{right:auto;}
.year-wrap li {margin-top: 15px;}
.yearbg { width: 62%;}
.foot-wrap {padding: 19px 0px 57px 0px;}
.guide {height:auto;}
.yearbg{margin: 0px 25px 0px 25px;}
.guide-mask {position: static;}
.yearbg{margin:auto;}
.years ul li a{line-height:0px;}
.icon img{display:none;}

}
@media only screen and (min-device-width:767px) and (max-device-width:767px){
    .foot-wrap{padding-left:15px;}
    li.col-md-3.col-xs-12.col-sm-6.review-wrap {
        margin-bottom: 100px;
    }
    li.col-md-3.col-xs-12.col-sm-6 {
        width: 50%;
    }
}
/* 手机端 */
@media screen and (max-width: 767px){
 .yelline{display: none;}
.logo{display:none;}
.m-logo{display: block;width:70%;margin:auto;}
.m-logo img{width:100%;margin-top:80px;}
.introduce{padding:0px 15px;}
.years li {width: 33%;}
.icon{display:none;}
.guide{width:100%;height:auto;}
li.col-md-3.col-xs-12.col-sm-6.review-wrap { margin-bottom: 100px;}
.foot{padding:0px 15px;}
.guide-mask{position: static;}
 .foot-wrap { padding: 19px 0px 57px 0px;}
 .years ul li a{line-height:0px;}
}
@media (max-width:767px) and (min-width:550px){
    li.col-md-3.col-xs-12.col-sm-6{width:50%;}
    .yearbg {
        width: 74%;
    }
}
@media (max-width:550px) and (min-width:480px){
    .yearbg {
        width: 42%;
    }
}
/* 手机端 */
@media screen and (max-width:480px){

}
@media (min-width: 1400px) {
  .container {width: 1170px;}

}
@media (min-width: 1921px) {
    .guide-wrap{position:static;}
  
  }